<template>
  <div>
    <!-- 
      需求：查询某图书信息
        1、给按钮绑定点击事件，并声明事件处理函数
        2、获取查询的书籍名，双向绑定输入框
        3、调用接口，实现查询
     -->
    <h1>2、查询某图书信息</h1>
    <input type="text" v-model="bookname"> <button @click="searchFn">查询-看控制台</button>
  </div>
</template>

<script>
import axios from "axios"
export default {
  data(){
    return {
      bookname: ""
    }
  },
  methods:{
    searchFn(){
      axios({
        url: "http://123.57.109.30:3006/api/getbooks",
        method: "get", // 默认get , 可省略
        params: {
          bookname: this.bookname
        }
      }).then(res=>{
        console.log(31,res)
      })
    }
  }
}
</script>

<style>

</style>